<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>CSS Test: before and after content</title>
  <style type="text/css">
	.before:before {content: "==&gt;"}
	.after:after {content: "&lt;=="}
  </style>
 </head>
 <body>

<h1>before and after content</h1>
<p>The two lines should be the same</p>
<div>
<span class="before">hello, </span><span class="after">world</span>
<br/>
<span>==&gt;hello, world&lt;==</span>
</div>
 </body>
</html>
